<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>个人空间</title>
<base th:href="@{/}">
<link rel="icon" href="favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" href="static/theme/index.css">
<link rel="stylesheet" href="static/css/myStyle.css"/>
<link rel="stylesheet" href="static/css/reset.css"/>
<style>
.el-step__title.is-success {
    color: blue;
}
.el-step__icon.is-text {
    border-radius: 50%;
    border: 1px solid;
    border-color: inherit;
}
	.el-step__head.is-success {
    color: blue;
    border-color: blue;
}
.el-step.is-horizontal .el-step__line {
    height: 2px;
    top: 5px;
    left: 0;
    right: 0;
}
.el-step__icon {
    position: relative;
    z-index: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 14px;
    height: 14px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #FFF;
    -webkit-transition: .15s ease-out;
    transition: .15s ease-out;
}
.el-step__icon-inner {
    font-size: 10px;
    display: inline-block;
    user-select: none;
    text-align: center;
    font-weight: 200;
    line-height: 1;
    color: inherit;
}
.el-step__title {
    font-size: 10px;
    line-height: 28px;
}
	
</style>
</head>
<body>
	
	<div id="uSpace">
		<template>
			<el-container>
				<el-aside width="250px">
					<el-menu style="height:800px"
						background-color="rgb(36, 47, 66)"
						text-color="#fff"
					      default-active="1-1"
					      class="el-menu-vertical-demo">
					      <el-submenu index="1">
					        <template slot="title">
					          <i class="el-icon-location"></i>
					          <span>个人详情</span>
					        </template>
					        <el-menu-item-group>
				
					          <el-menu-item index="1-1" @click="show(0)">基本信息</el-menu-item>
					          <el-menu-item index="1-2" @click="show(1)">修改密码</el-menu-item>
					        </el-menu-item-group>
					      </el-submenu>
					      <el-menu-item index="2" @click="show(2)">
					        <i class="el-icon-menu"></i>
					        <span slot="title">工作申请</span>
					      </el-menu-item>
					     
    				</el-menu>
				</el-aside>
				<el-container>
					<el-header>
						<el-col :span="3" style="float:right">
							
							<el-image :src="userD.uimg" style="width:40px;border-radius:50%">
						      <div slot="error" class="image-slot">
						        <i class="el-icon-picture-outline"></i>
						      </div>
						    </el-image>
						    <el-dropdown class="user-name" trigger="click">
					                    <span class="el-dropdown-link">
					                        {{userD.uid}}
					                        <i class="el-icon-caret-bottom"></i>
					                    </span>
					                    <el-dropdown-menu slot="dropdown">
					                    	<el-dropdown-item divided>
					                        	<el-link :underline="false" target="_blank" href="http://localhost:8082/">打开首页</el-link>
					                        </el-dropdown-item>
					                        <el-dropdown-item divided>
					                        	<el-button type="text" @click="logout">登出</el-button>
					                        	<form hidden="true" th:action="@{/logout}" method="post">
										            <button id="ulogout" type="submit" class="btn btn-default">登出</button>
										        </form>
					                        </el-dropdown-item>
					                    </el-dropdown-menu>
							</el-dropdown>
						</el-col>
					</el-header>
					<el-main>
						<el-card shadow="hover"  class="box-card" v-show="showdiv[0].isshow">
						  <div class="text item" >
						  		<el-form style="text-align:center">
						  			<el-form-item>
						  				<el-col :span="2" :offset="5"><label>头像设置</label></el-col>
						  				<el-col :span="12">
							  					<el-upload
												  class="avatar-uploader"
												  action="https://jsonplaceholder.typicode.com/posts/"
												  :http-request="uploadUserImg"
												  :show-file-list="false"
												  :before-upload="beforeAvatarUpload">
												  <img v-if="imageUrl" :src="imageUrl" class="avatar">
												  <i v-else class="el-icon-plus avatar-uploader-icon"></i>
												</el-upload>
						  				</el-col>
						  				
						  			</el-form-item>
						  			<el-form-item>
							  			
							  				<el-col :span="2" :offset="5"><label>用户名</label></el-col>
							  				<el-col :span="11">
							  					<el-input class="user-input user-form-input" :value="userD.uid" v-model="userD.uid" :disabled="!userDtable[0].isEnable"></el-input>
							  					
							  				</el-col>
							  			</el-row>
						  			</el-form-item>
						  			<el-form-item>
						  				<el-col :span="2" :offset="5"><label>手机号</label></el-col>
						  				<el-col :span="11">
						  					<el-input class="user-input user-form-input" :value="userD.uphone" v-model="userD.uphone" :disabled="!userDtable[1].isEnable"></el-input>
						  				
						  				</el-col>
						  				<el-link @click="userDtable[1].isEnable = true">修改</el-link>
						  			</el-form-item>
						  			<el-form-item>
						  				<el-col :span="2" :offset="5"><label>邮箱</label></el-col>
						  				<el-col :span="11">
						  					<el-input class="user-input user-form-input" :value="userD.uemail" v-model="userD.uemail" :disabled="!userDtable[2].isEnable"></el-input>
						  					
						  				</el-col>
						  				<el-link @click="userDtable[2].isEnable = true">修改</el-link>
						  			</el-form-item>
						  			<el-form-item>
						  				<el-col :span="2" :offset="5"><label>职业倾向</label></el-col>
						  				<el-col :span="11" v-if="userDtable[3].isEnable">
							  				<el-select  multiple  class="user-input" v-model="userD.uinterest" placeholder="请选择">
												<el-option v-for="(o,index) in interestList" :key="index" :value="o.interest"></el-option>
											</el-select>
										</el-col>
						  				<el-col :span="12" v-if="!userDtable[3].isEnable">
						  					<el-col :span="3" v-for="(i,index) in interest" :key="index" v-if="i" :offset="index===0?4:0">
						  					    <el-tag :hint="true">{{ i }}</el-tag>
						  					</el-col>
							  				<el-col :span="2" :offset="3">
							  					
							  				</el-col>
							  				<el-link @click="userDtable[3].isEnable = true">修改</el-link>
						  				</el-col>
						  				
						  			</el-form-item>
						  			<el-form-item>
						  				<el-col :span="2" :offset="5"><label>性别</label></el-col>
						  				<el-col :span="11">
						  					<el-input v-if="!userDtable[4].isEnable" class="user-input user-form-input" :value="userD.ugender" v-model="userD.ugender" :disabled="!userDtable[4].isEnable"></el-input>
						  					
						  					<el-select v-if="userDtable[4].isEnable" class="user-input" v-model="userD.ugender" placeholder="请选择" :disabled="!userDtable[4].isEnable">
												<el-option value="女"></el-option>
												<el-option value="男"></el-option>
											</el-select>
						  				</el-col>
							  			<el-link v-if="!userDtable[4].isEnable" @click="userDtable[4].isEnable = true">修改</el-link>
						  			</el-form-item>
						  			<el-button @click="submit"
						  			v-show="userDtable[5].isEnable | userDtable[4].isEnable | userDtable[0].isEnable|userDtable[1].isEnable|userDtable[2].isEnable|userDtable[3].isEnable" type="primary">
						  			提交修改
						  			</el-button>
						  		</el-form>
						  		
						  </div>
						</el-card>
						<el-card shadow="hover" class="box-card" v-show="showdiv[1].isshow">
							
								<el-form style="text-align:center">
									<el-form-item>
										<label>旧密码&nbsp;&nbsp;&nbsp;</label>
										<el-input v-model="opwd" class="user-input" show-password></el-input>
									</el-form-item>
									<el-form-item >
										<label>新密码&nbsp;&nbsp;&nbsp;</label>
										<el-input v-model="npwd" class="user-input" show-password></el-input>
									</el-form-item>
									<el-button type="primary" @click="submitPwd">提交修改</el-button>
								</el-form>
					
						</el-card>
						<el-card shadow="hover" class="box-card" v-show="showdiv[2].isshow">
							<el-row style="width:95%;margin:20px auto;">
								<el-col :span="7" style="margin:40px auto" :offset="2" v-for="(i,index) in resumeList" :key="index">
									<el-card shadow="never" style="padding:0px 0 15px 0;margin-left:3%">
										<el-col >
											<span style="font-size:16px;font-weight:200" :span="10" class="el-icon-tickets">简历编号：#c00{{ i.rfid }}</span>
											<el-row>
												<span style="font-size:12px;font-weight:200">
													{{ i.jobname }} &nbsp;&nbsp;需求人数：{{ i.jnumber}}
												</span>
											</el-row>
											<el-row>
												<el-button @click="dmyresume(i.rfid,i.img)" type="text">下载到本地</el-button>
											</el-row>
											<el-steps style="width:60%;font-size:13px" :space="100" :active="parseInt(i.statu)" process-status="process" finish-status=" finish">
											  <el-step  title="未审核"></el-step>
											  <el-step title="审核中"></el-step>
											  <el-step  v-if="i.statu==='3'" title="未通过"></el-step>
											  <el-step v-if="i.statu==='2'"  title="已通过"></el-step>
											</el-steps>
										</el-col>
									</el-card>
								</el-col>
						   </el-row>
						</el-card>
					</el-main>
					<el-footer></el-footer>
				</el-container>
			</el-container>
		</template>
	</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script type="text/javascript" src="https://cdn.bootcss.com/axios/0.19.0-beta.1/axios.js"></script>
<script type="text/javascript" src="static/js/userSpace.js"></script>
</body>
</html>